<template>
  <!-- contact form start -->
  <section id="contacts-wrap" class="contact-form-wrap light-gray p-t-b-80">
    <b-container>
      <b-row>
        <b-col md="6" class="form-wrap mb-4">
          <div class="section-header mb-5 ">
            <h2 class="font-weight-bold ">Get in Touch With Us !</h2>
            <p>
              Lorem ipsum dolor, sit amet consectetur adipisicing elit. Placeat
              ea quam laborum, ducimus, laboriosam sint dolorum aspernatur
              libero
            </p>
          </div>
          <div
            class="alert alert-success alert-dismissible fade show"
            role="alert"
          >
            <button type="button" class="close">
              <span aria-hidden="true">&times;</span>
            </button>
            <strong>Your Message Sent succefully</strong>
          </div>

          <form class="row form" role="form">
            <div class="form-group mb-4 col-md-6">
              <label for="">
                <i class="eva eva-person-outline"></i>
              </label>
              <input
                type="text"
                name="Name"
                id=""
                class="form-control"
                placeholder="Your Name"
                required
              />
            </div>
            <div class="form-group mb-4 col-md-6">
              <label for="">
                <i class="eva eva-email-outline"></i>
              </label>
              <input
                type="email"
                required
                name="email"
                class="form-control"
                placeholder="Your email"
                aria-describedby="helpId"
              />
            </div>
            <div class="form-group mb-4 col-md-12">
              <label for="">
                <i class="eva eva-edit-2-outline"></i>
              </label>
              <input
                type="text"
                required
                name="subject"
                class="form-control"
                placeholder="Your subject here"
                aria-describedby="helpId"
              />
            </div>

            <div class="form-group mb-4 col-md-12">
              <label for="">
                <i class="eva eva-edit-outline"></i>
              </label>
              <textarea
                class="form-control"
                placeholder="Your message here"
                required
                name="message"
                rows="5"
              ></textarea>
            </div>

            <div class="form-group  col-md-12">
              <button
                type="submit"
                class="btn btn-block half-button form-submit-button btn-large btn-gradient"
              >
                Send message
              </button>
            </div>
          </form>
        </b-col>
        <div class="col-md-6 align-items-center">
          <div class="right-contact-wrap ml-5">
            <img
              src="@/assets/images/landing/svg/contact2.svg"
              class="img-responsive zoom-fade"
              alt="Image"
            />

            <!-- <div class="address-wrap mb-4">-->
          </div>
        </div>
      </b-row>
    </b-container>
  </section>

  <!-- contact form end -->
</template>
